<template>
    <div class="headerRoot">
        <div class="ctx" :style="{ height: height + 'px' }"></div>
    </div>
</template>

<script>
export default {
    name: 'XxlHeader',

    data() {
        return {
            height: "20"
        };
    },

    mounted() {
        let that = this
        uni.getSystemInfo({ "success"(d) { that.height = d.statusBarHeight } })
    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
@import '../xxl-scss/xxl.scss';

.headerRoot {
    background: $xxl-color-primary;
}
</style>